<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3-商品综合 购物车</title>
    <link rel="stylesheet" href="./css/3-商品综合购物车.css">
    <script src="./js/flexible.js"></script>
    <script src="./js/better-scroll.min.js"></script>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/通用.css">

</head>

<body>
    <header>
        <div class="ding">
            <div class="ding">
                <div class="fanhui">
                    <img src="./images/矢量智能对象1@2x.png" alt="">
                </div>
                <div class="name">
                    搜索
                </div>
            </div>
        </div>
    </header>

    <nav style="padding-top:1.29rem;">
        <div class="banner">
            <div class="tupian">
                <img src="./images/3-商品 (8).png" alt="">
            </div>
            <ul>
                <li class="toumingdu"></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </nav>
    <section>
        <div class="shangpinmingc">
            <div class="top">
                <div class="left">
                    促销
                </div>
                <div class="right">
                    莫次有机PWE活性美白洗面奶
                </div>
            </div>
            <div class="bottom">
                <div class="left">
                    <div class="l-left">
                        ￥169
                    </div>
                    <div class="l-right">
                        <s>￥220</s>
                    </div>
                </div>
                <div class="right">
                    买够200元包邮
                </div>
            </div>
        </div>
        <div class="guige">
            <div class="left">规格</div>
            <div class="right">
                <span>标准</span>
                <img src="./images/前进.png" alt="">
            </div>
        </div>
    </section>
    <section>
        <div class="qiehuan">
            <div class="one xuanzhong">
                详情
            </div>
            <div class="one" id="biankuang">
                评价
            </div>
            <div class="one">
                售后
            </div>
        </div>
        <div class="xiangqing">
            <img src="./images/3-商品 (3).png" alt="">
        </div>
        <div class="pingjia" style="display: none;">
            <div class="biank">
                <ul class="pingjia1">
                    <li class="wb pjbs">全部评价6.2W</li>
                    <li class="wb">好评5K</li>
                    <li class="wb">中评22</li>
                    <li class="wb">差评8</li>
                    <li class="wb">有图评价200</li>
                </ul>
            </div>
            <div class="pingjianeirong">
                <div class="pingjiariqi">
                    <div class="left">
                        朵***儿
                    </div>
                    <div class="right">
                        2018-01-12
                    </div>

                </div>
                <div class="wenzi">
                    很大一瓶 这个价钱蛮实惠的 拿回来的时候我室友还以为我买了个洗头发的 瓶子很高级 刚刚用口红在手上涂了一下然后去洗清洁效果还可以差不多洗掉了剩了一点点印子 然后我又用洗面奶洗.
                </div>
                <div class="tupian">
                    <img src="./images/3-商品 (1).png" alt="">
                    <img src="./images/3-商品 (2).png" alt="">
                    <img src="./images/3-商品 (9).png" alt="">
                </div>
                <div class="goumairiqi">
                    购买日期：2018-01-10
                </div>
            </div>
            <div class="pingjianeirong">
                <div class="pingjiariqi">
                    <div class="left">
                        朵***儿
                    </div>
                    <div class="right">
                        2018-01-12
                    </div>

                </div>
                <div class="wenzi">
                    很大一瓶 这个价钱蛮实惠的 拿回来的时候我室友还以为我买了个洗头发的 瓶子很高级 刚刚用口红在手上涂了一下然后去洗清洁效果还可以差不多洗掉了剩了一点点印子 然后我又用洗面奶洗.
                </div>
                <div class="tupian">
                    <img src="./images/3-商品 (1).png" alt="">
                    <img src="./images/3-商品 (2).png" alt="">
                    <img src="./images/3-商品 (9).png" alt="">
                </div>
                <div class="goumairiqi">
                    购买日期：2018-01-10
                </div>
            </div>
            <div class="zhanwei"></div>
        </div>
        <div class="shouhou" style="display: none;">
            <div class="changjia">
                <div class="top">
                    厂家服务
                </div>
                <div class="bottom">
                    <p>产品全国联保，享受三包服务，质保期为：一年质保 如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7日内退货，15日内换货，15日以上在质保期内享受免费保修等三包服务！</p>

                </div>
            </div>
            <div class="chengnuo">
                <div class="top">
                    奈瑞儿承诺
                </div>
                <div class="bottom">
                    <p>奈瑞儿平台卖家销售并发货的商品，由平台卖家提供发票和相应的售后服务您放心购买！</p>
                    <p> 注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！ </p>

                </div>
            </div>
            <div class="zhengpin">
                <div class="top">
                    正品行货
                </div>
                <div class="bottom">
                    <p>凭质保证书及京东商城发票，可享受全国联保服务，与您亲临商场选购的商品享受相同的质量保证。奈商城还为您提供具有竞争力的商品价格和运费政策，请您放心购买！</p>
                    <p>注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！ 如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7日内退货，15日内换货，15日以上在质保期内享受免费保修等三包服务！</p>


                </div>
            </div>
            <div class="nairuie">
                <img src="./images/hw@2x.png" alt="">
                <span>奈瑞儿承诺</span>
            </div>
            <div class="sixin">
                <div class="one">
                    <img src="./images/3-商品 (4).png" alt="">
                    <span>千万会员</span>
                </div>
                <div class="one">
                    <img src="./images/3-商品 (5).png" alt="">
                    <span>正品保证</span>
                </div>
                <div class="one">
                    <img src="./images/3-商品 (6).png" alt="">
                    <span>品质优选</span>
                </div>
                <div class="one">
                    <img src="./images/3-商品 (7).png" alt="">
                    <span>七天退货</span>
                </div>
            </div>
            <div class="zhanwei"></div>
        </div>
    </section>
    <div class="gouwuche">
        <img src="./images/购物车@2x.png" alt="">
    </div>
    <div class="fanggouwuche">
        <div class="top">
            <div class="tupian">
                <img src="./images/4-放入购物车 (1).png" alt="">
            </div>
            <div class="wenzi">
                <div class="one">
                    莫次有机PWE活性美白洗面奶
                </div>
                <div class="two">
                    ￥169
                </div>
            </div>
            <div class="chahao">
                <img src="./images/4-放入购物车 (2).png" alt="">
            </div>
        </div>
        <div class="center">
            <div class="c-top">
                <div class="left">
                    商品规格
                </div>
                <div class="right">
                    <ul>
                        <li class="xuanzhong">标准</li>
                        <li>套装</li>
                    </ul>
                </div>
            </div>
            <div class="c-center">
                <div class="left">
                    购买数量
                </div>
                <div class="right">
                    <ul>
                        <li>-</li>
                        <li class="xianshi">1</li>
                        <li>+</li>
                    </ul>
                </div>
            </div>
            <div class="c-bottom">
                <div class="left">
                    商品颜色
                </div>
                <div class="right">
                    <ul>
                        <li class="yanse xuanzhong"></li>
                        <li class="yanse2"></li>
                        <li class="yanse3"></li>
                        <li class="yanse4"></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="bottom">
            确定
        </div>
    </div>
    <footer style="display: none;">
        <div class="di">
            <div class="one">
                <div class="left">
                    <img src="./images/客服@2x.png" alt="">
                    <span class="xuanzhong">客服</span>
                </div>
                <div class="right">
                    <img src="./images/收藏@2x.png" alt="">
                    <span>收藏</span>
                </div>
            </div>
            <div class="two">
                <span>加入购物车</span>
            </div>
            <div class="three">
                <span>立即购买</span>
            </div>
        </div>
    </footer>
</body>
<script src="./js/3-商品综合 购物车.js"></script>

</html>